<template>
    <div class="important-notices">
        <span> 重要通知!!! </span>
        <span> 2022年航空招生开始（名额有限，额满截止）有意向的学生请尽快报名，学校收到报名申请后将在两个工作日里与您取得联系（请保持电话的畅通） </span>
        <span class="span">东方煜龙(北京)教育科技有限公司</span>
        <a href="##" class="a">
            <img src="/img/未标题-1_03.13faf4f6.png" />
            京公网安备 154545178722号   
            <span>京ICP备2021039448号</span>
        </a>
        <ul class="nav-list">
            <li>公司简介</li>
            |
            <li>联系我们</li>
            |
            <li>关于我们</li>
        </ul>
        <span class="span">
            24小时免费在线:4006-125-026
        </span>
    </div>
</template>
<script setup>

</script>
<style scoped>
.important-notices{
    width: 100%;
    height: auto;
    background-color: rgb(21, 20, 20);
    color: #fff;
    padding-bottom: 1.2rem;
}
.important-notices>span {
    display: block;
    font-size: 0.5rem;
    text-align: center;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.important-notices>.span {
    font-weight: bold;
    font-size: 0.4rem;
}
.important-notices .a{
    width: 85%;
    height: 1rem;
    display: block;
    color: #fff;
    font-size: 0.4rem;
    margin: 0 auto;
}
.important-notices .a img {
    width: 0.8rem;
    height: 0.8rem;
    float: left;
    margin-right: 0.4rem;
}
.important-notices .a span {
    color: #fff;
}
.important-notices .nav-list {
    width: 60%;
    height: 1rem;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
.important-notices .nav-list li{ 
    font-size: 0.5rem;
    line-height: 1rem;
}
</style>